@import "../../../style/common.scss";
.deposit-item-detail-page {
	background-color: #f8f8f8;
	height: auto;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 0.2rem;

	.line-1 {
		width: 100%;
		min-height: 1.72rem;
		background: rgba(255, 255, 255, 1);
		padding: 0.2rem 0 0.35rem 0;
		box-sizing: border-box;
		.deposit-topa {
			display: flex;
			justify-content: space-between;
			padding: 0rem 0.5rem;
			.deposit-topa-left {
				display: flex;
				flex-direction: column;
				padding-top: 0.4rem;
				.deposit-topa-left-top {
					color: #302e2f;
					font-size: 0.36rem;
					font-weight: 500;
					line-height: 0.5rem;
				}
				.deposit-topa-left-bottom {
					color: #8d8c8d;
					font-size: 0.24rem;
					font-weight: 500;
					line-height: 0.34rem;
					margin-top: 0.1rem;
				}
			}
			.deposit-topa-right {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 0.4rem;
				.deposit-topa-right-left {
					display: flex;
					flex-direction: column;
					.deposit-topa-right-left-top {
						color: #302e2f;
						font-size: 0.36rem;
						font-weight: 500;
						line-height: 0.5rem;
					}
					.deposit-topa-right-left-bottom {
						color: #8d8c8d;
						font-size: 0.24rem;
						font-weight: 500;
						line-height: 0.34rem;
						margin-top: 0.1rem;
					}
				}
				img {
					width: 0.16rem;
					height: 0.32rem;
					margin-left: 0.24rem;
				}
			}
		}
	}
	.line-2 {
		width: 100%;
		height: auto;
		margin-top: 0.2rem;
		background: rgba(255, 255, 255, 1);

		padding: 0 0.3rem;
		box-sizing: border-box;
		.item:after {
			position: absolute;
			content: "";
			height: 1px;
			width: 100%;
			top: 0;
			right: 0;
			bottom: auto;
			left: auto;
			background-color: #ebebeb;
			transform: scaleY(0.5);
			transform-origin: 50% 100%;
		}
		.item {
			position: relative;
			width: 100%;
			height: 1rem;
			background: rgba(255, 255, 255, 1);
			display: flex;
			flex-direction: row;
			justify-content: center;
			font-size: 0.28rem;
			font-weight: 500;
			color: rgba(136, 136, 136, 1);
			line-height: 1rem;
			box-sizing: border-box;
			//border-bottom: 1px solid #EEEEEE;
			.item-left {
				flex: 1;
				height: 1rem;
				text-align: left;
			}
			.item-right {
				flex: 1;
				height: 1rem;
				text-align: right;
				color: #4a4a4a;
			}
		}
	}
	.btn-common {
		display: block;
		width: 92.8%;
		height: 0.8rem;
		background: linear-gradient(90deg, #40b15c 0%, #40b15d 100%);
		border-radius: 0.4rem;
		font-size: 0.34rem;
		color: $color8;
		margin: 1.38rem 3.6% 0.56rem 3.6%;
		text-align: center;
		line-height: 0.8rem;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		justify-content: center;
	}

	.btn-gray {
		background-color: #cbcbcb;
	}
}
